<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--注意： 不推荐直接在这里引用任何包和任何css文件-->

    <!--因为main中的代码，涉及到了es6的新语法，浏览器识别不了-->
    <!--<script src="./main.js"></script>-->
    <!--通过webpack将main.js做了处理，生成了一个bundle.js的文件-->
    <!--<script src="../dist/bundle.js"></script>-->
    <!--当使用html-webpack-plugin之后，我们不再需要手动处理bundle.js的引用路径了，这个插件已经帮我们自动
    创建了一个合适的script，并且引用了正确的路径-->
    <!--<script src="/bundle.js"></script>-->


    <!--css或发起二次请求，不推荐这么做-->
    <!--<link rel="stylesheet" href="./css/index.css">-->

    <!--<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.css">-->

</head>
<body>
<ul>
    <li>这是第1个li</li>
    <li>这是第2个li</li>
    <li>这是第3个li</li>
    <li>这是第4个li</li>
    <li>这是第5个li</li>
    <li>这是第6个li</li>
    <li>这是第7个li</li>
    <li>这是第8个li</li>
    <li>这是第9个li</li>
    <li>这是第10个li</li>
</ul>

<span class="glyphicon glyphicon-search" aria-hidden="true"></span>
</body>
</html>